<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button>点击</button>
  <script>
    // 语法:removeEventListener(事件类型, 事件处理函数, [获取捕获或者冒泡阶段])
    // 注意注意:匿名函数无法被解绑
    const btn = document.querySelector('button')
    function fn() {
      alert('点击了')
    }
    btn.addEventListener('click', fn)     //事件添加
    // L2事件移除解绑
    btn.removeEventListener('click', fn)  //事件解绑

    /* // L0事件解绑（了解）
    btn.onclick = function () {
      alert('点击了')
    }
    btn.onclick = null */
  </script>
</body>

</html>